{% extends "base.html" %}

{% block title %}Mesas{% endblock %}

{% block js %}
<script type="text/javascript" src="/media/js/mesa.js"></script>
{% endblock %}

{% block conteudo %}

<section class="mesas">
<h2>{{header}}</h2>

<form class="fechar_caixa" action="/fechar_caixa/" method="post" onsubmit="return confirm('Deseja realmente fechar o caixa do dia?');">
	{% csrf_token %}
	<input type="hidden" name="validar" value="1">
	<input type="submit" value="Fechar Caixa" />
</form>
<span style="clear: both;"></span>

{% if lista_mesas %}
        
        {% if aviso %}
        <p id="aviso">{{ aviso }}</p>
        {% endif %}
		
	    {% for mesa in lista_mesas %}
	        
	           <table {% if mesa.itens > 0 %} title="Há itens não confirmados nesta mesa" style="border-color: red;"{% endif %}>
				   {% if mesa.pedido != None %}
	               <tr>
	                   <th><a class="ver_pedido" href="/pedido/{{mesa.id}}">{{ mesa.nome }}</a></th>
	               </tr>
	               <tr>
	                   <td>{{ mesa.pedido }}</td>
	               </tr>
	               <tr>
	                   <td>{{ mesa.pedido.numero_pessoas }} pessoa(s)</td>
	               </tr>
	               <tr>
	                   <td><strong>Total: R$ {{ mesa.pedido.total }}</strong></td>
	               </tr>
	               
	               {% else %}
	               <tr>
	                   <th><a class="ver_pedido" href="/pedido/{{mesa.id}}" onclick="return confirm('Confirmar a abertura de um novo pedido?')">{{ mesa.nome }}</a></th>
	               </tr>
	               <tr>
                       <td><a class="adicionar" href="/pedido/{{mesa.id}}" onclick="return confirm('Confirmar a abertura de um novo pedido?')">Abrir pedido</a></td>
                   </tr>
	               {% endif %}
	               
	           </table> 
		        
	    {% endfor %}
		
 {% else %}
     <p>Mesas não encontradas</p>
 {% endif %}
</section>
{% endblock %}

